

.screen_left {
    width: 450px;
    height: 300px;
    background: transparent;
    color: white;
    position: absolute;
    left: 170px;
    top: 130px;
    z-index: 1;
}

.screen_left p {
    padding: 50px 0;
}

.screen_left button {
    width: 140px;
    height: 40px;
    color: white;
    font-weight: bold;
    background: blue;
    border: none;
    border-radius: 5px;
}


.video {
    width: 100%; /* 改为 100% 以便适应父容器 */
    height:730px;
    background: black;
}

.video video {
    width: 100%; 
    height: 80%; 
    object-fit: cover; /* 确保视频按比例填充 */
}


/* 对话框 */
.blue {
    background-color: #007bff; /* 示例蓝色背景 */
    color: white; /* 文本颜色 */
    padding: 20px; /* 内边距 */
    border-radius: 8px; /* 圆角 */
    text-align: center; /* 文本居中 */
   
}
.modal input{
    width: 100%;
    height: 30px;  
   border-radius: 5px;
   border: solid 1px #ccc;
    outline: none;
      margin-bottom: 20px; /* 与下方内容的间距 */
}
.hao{
    width: 100%;
    height: 30px;
    display: flex;
      margin-bottom: 20px; /* 与下方内容的间距 */
}
.hao select{
    width: 15%;
      border-radius: 5px;
   border: solid 1px #ccc;
}
.hao input{
    width: 85%;
    outline: none;
}
.span span{
    display: inline-block;
    width: 133px;
    height: 30px;
    border-radius: 5px;
     border: solid 1px #ccc;
     line-height: 30px;
     text-align: center;
     margin-right: 21px;
       margin-bottom: 20px; /* 与下方内容的间距 */
}
.modal button{
    width: 100%;
    height: 35px;
    background: blue;
    color: white;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    border: none;
}
